import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '../views/HomeView.vue'
import buttonExamplePage from "@/views/button.example.page.vue";
import layoutExamplePage from "@/views/LayoutExamplePage.vue";
import containerExamplePage from "@/views/ContainerExamplePage.vue";
import tableExamplePage from "@/views/TableExamplePage.vue";
import CardExamplePage from "@/views/CardExamplePage.vue";
import PaginationExamplePage from "@/views/PaginationExamplePage.vue";
import LayoutExamplePage from "@/views/LayoutExamplePage.vue";
import FormExamplePage from "@/views/FormExamplePage.vue";
import EchartsExamplePage from "@/views/EchartsExamplePage.vue";
import NavExamplePage from "@/views/NavExamplePage.vue";
import ProductSavePage from "@/views/ProductSavePage.vue";

Vue.use(VueRouter)

const routes = [
  {
    path: '/button',
    component : buttonExamplePage,
  },
  {
    path:'/container',
    component: containerExamplePage
  },
  {
    path:'/table',
    component: tableExamplePage
  },
  {
    path: '/layout',
    component: LayoutExamplePage
  },
  {
    path:'/card',
    component: CardExamplePage
  },
  {
    path:'/page',
    component: PaginationExamplePage
  },
  {
    path:'/form',
    component: FormExamplePage
  },
  {
    path:'/echarts',
    component: EchartsExamplePage
  },
  {
    path: '/nav',
    component: NavExamplePage
  },{
  path: '/product_save',
    component: ProductSavePage
  }




]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
